<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="headerScript">
    <link th:href="@{css/style.css}" rel="stylesheet">
    <link th:href="@{css/style-responsive.css}" rel="stylesheet">
</head>
<body>

<!-- left side start-->
<div id="leftMenu" class="left-side sticky-left-side">

    <!--logo and iconic logo start-->
    <div class="logo">
        <a href="/index"><img src="images/logo.png" alt=""></a>
    </div>

    <div class="logo-icon text-center">
        <a href="/index"><img src="images/logo_icon.png" alt=""></a>
    </div>
    <!--logo and iconic logo end-->


    <div class="left-side-inner">
        <!--sidebar nav start-->
        <ul class="nav nav-pills nav-stacked custom-nav">

            <li class="menu-list nav-active"><a href="#"><i class="fa fa-th-list"></i> <span>表格数据</span></a>
                <ul class="sub-menu-list">
                    <li th:class="${activeUri=='basic_table.html'?'active':''}"><a href="/basic_table">基础表格</a></li>
                    <li th:class="${activeUri=='dynamic_table.html'?'active':''}"><a href="dynamic_table">高级表格</a></li>
                    <li th:class="${activeUri=='editable_table.html'?'active':''}"><a href="/editable_table">可编辑表格</a></li>
                </ul>
            </li>


            <li><a th:href="@{/loginOut}"><i class="fa fa-sign-in"></i> <span>退出</span></a></li>

        </ul>
        <!--sidebar nav end-->

    </div>
</div>
<!-- left side end-->

<!-- header section start-->
<div id="headMenu" class="header-section">

    <!--toggle button start-->
    <a class="toggle-btn"><i class="fa fa-bars"></i></a>
    <!--toggle button end-->


    <!--notification menu start -->
    <div class="menu-right">
        <ul class="notification-menu">
            <li>
                <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <img src="images/photos/user-avatar.png" alt="" />
                    admin
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                    <li><a href="#"><i class="fa fa-user"></i>更多</a></li>
                    <li><a href="#"><i class="fa fa-cog"></i>设置</a></li>
                    <li><a th:href="@{/loginOut}"><i class="fa fa-sign-out"></i>注销</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--notification menu end -->

</div>
<!-- header section end-->

<div id="footerScript">
    <!-- Placed js at the end of the document so the pages load faster -->
    <script th:src="@{js/jquery-1.10.2.min.js}"></script>
    <script th:src="@{js/jquery-ui-1.9.2.custom.min.js}"></script>
    <script th:src="@{js/jquery-migrate-1.2.1.min.js}"></script>
    <script th:src="@{js/bootstrap.min.js}"></script>
    <script th:src="@{js/modernizr.min.js}"></script>
    <script th:src="@{js/jquery.nicescroll.js}"></script>
    <!--common scripts for all pages-->
    <script th:src="@{js/scripts.js}"></script>
</div>
</body>
</html>